<!DOCTYPE html><html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>阿里百秀-发现生活，发现美!</title><link rel="stylesheet" href="./css/style.css"><link rel="stylesheet" href="./libs/css/font-awesome.css"><link rel="stylesheet" href="./libs/css/nprogress.css"><script src="./libs/js/jquery.js"></script><script src="./libs/js/nprogress.js"></script><script src="./js/common/common.js"></script></head><body><script src="./js/common/loginStatus.js"></script><div class="wrapper"><div class="topnav"><ul class="nav1"></ul></div><div class="header"><h1 class="logo"><a href="index.html"><img src="./img/logo.png" alt=""></a></h1><ul class="nav"><!-- <li><a href="javascript:;"><i class="fa fa-glass"></i>奇趣事</a></li>
        <li><a href="javascript:;"><i class="fa fa-phone"></i>潮科技</a></li>
        <li><a href="javascript:;"><i class="fa fa-fire"></i>会生活</a></li>
        <li><a href="javascript:;"><i class="fa fa-gift"></i>美奇迹</a></li> --></ul><div class="search"><form action="./list.html" method="get"><input type="text" class="keys" placeholder="输入关键字" name="keys"> <input type="submit" class="btn" value="搜索"></form></div></div><div class="aside"><div class="widgets"><h4>搜索</h4><div class="body search"><form action="./list.html" method="get"><input type="text" class="keys" placeholder="输入关键字" name="keys"> <input type="submit" class="btn" value="搜索"></form></div></div><div class="widgets"><h4>随机推荐</h4><ul class="body random"></ul></div><div class="widgets"><h4>最新评论</h4><ul class="body discuz"></ul></div></div><div class="content"><div class="panel new_list"></div></div><div class="footer"><p>© 2016 XIU主题演示 本站主题由 themebetter 提供</p></div></div><script type="text/template" id="swipe-data"><!-- 分类模板 -->
  {{each listHeader}}
  <li><a href="./list.html?id={{$value._id}}"><i class="fa {{$value.className}}"></i>{{$value.title}}</a></li>
  {{/each}}


  <!-- 随机推荐 -->
  {{each listRandom}}
  <li>
    <a href="detail.html?listId={{$value._id}}">
      <p class="title">{{$value.title}}</p>
      <p class="reading">阅读({{$value.meta.views}})</p>
      <div class="pic">
        <img src="{{baseImgUrl + $value.thumbnail}}" alt="">
      </div>
    </a>
  </li>
  {{/each}}

  <!-- 文章内容模板 -->
  {{each listCategory}}
  <h3>{{titleData}}</h3>
  <div class="entry">
    <div class="head">
      <a href="detail.html?listId={{$value._id}}">{{$value.title}}</a>
    </div>
    <div class="main">
      <p class="info">{{$value.author.role}} 发表于 {{$value.createTime}}</p>
      <p class="brief">
        {{$value.content}}
      </p>
      <p class="extra">
        <span class="reading">阅读({{$value.meta.views}})</span>
        <span class="comment">评论({{$value.meta.comments}})</span>
        <a href="javascript:;" class="like">
          <i class="fa fa-thumbs-up"></i>
          <span class='giveLike' data-id='{{$value._id}}'>赞({{$value.meta.likes}})</span>
        </a>
        <a href="detail.html?listId={{$value._id}}" class="tags">
          分类：<span>星球大战</span>
        </a>
      </p>
      <a href="detail.html?listId={{$value._id}}" class="thumb">
        <img src="{{baseImgUrl + $value.thumbnail}}" alt="">
      </a>
    </div>
  </div>
  {{/each}}

  <!-- 最新评论 -->
  {{each listDiscuz}}
  <li>
    <a href="javascript:;">
      <div class="avatar">
        <img src="{{$value.author.avatar}}" alt="">
      </div>
      <div class="txt">
        <p>
          <span>{{$value.author.nickName}}</span>{{$value.author.createTime}}说:
        </p>
        <p>{{$value.content}}</p>
      </div>
    </a>
  </li>
  {{/each}}</script><script src="./libs/js/template-web.js"></script><script src="./libs/js/swipe.js"></script><script src="./js/page/index.js"></script></body></html>